var app1 = new Vue({
    el: '#app-1',
    data: {
        rawHtml: '<span style="color: red">This should be red.</span>'
    }
})

var app2 = new Vue({
    el: '#app-2',
    data: {
        isButtonDisabled: true
    }
})

var app3 = new Vue({
    el: '#app-3',
    data: {
        firstName: 'bollu',
        lastName: 'rollingball',
        // fullName: 'bollu rollingball'
    },
    computed: {
        fullName: {
            get: function(){
                return this.firstName + ' ' + this.lastName
            },
            set: function(newName){
                var name = newName.split(' ')
                this.firstName = name[0]
                this.lastName = name[name.length -1]
            }
        }
    }
})
